.lineView{
	margin: 0 10rpx;
}
.videoItem{
	width: 328rpx;
	float: left;
	margin-bottom: 30rpx;
	.videoCover{
		width: 328rpx;
		height: 218rpx;
		border-radius: 10rpx;
		margin-bottom: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		.samePar{
			border-radius: 10rpx;
		}
		.playTimes{
			left: 15rpx;
			top: 15rpx;
			height: 40rpx;
			line-height: 40rpx;
			color: $pss-colorFFF;
			font-size: $font-size24;
			padding: 0 15rpx;
			border-radius: 10rpx;
			background: $pss-bg-mask;
			z-index: 10;
		}
	}
	.videoTit{
		font-size: $font-size30;
		color: $pss-text-color3;
	}
	&.otherCol{
		float: right;
	}
}
.statusTag{
	height: 40rpx;
	line-height: 40rpx;
	padding: 0 16rpx;
	border-radius: 10rpx 0 10rpx 0;
	color: #fff;
	font-size: $font-size24;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	background: $pss-color-green;
}
.leftRight{
	display: flex;
	justify-content: space-between;
	border-bottom: 1rpx solid #eee;
	padding: 0rpx 0 20rpx;
	margin-bottom: 30rpx;
	.itemLeftImg{
		margin-right: 15rpx;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		&.jpClsImg{
			width: 216rpx;
			height: 142rpx;
		}
		&.jxBookImg{
			width: 160rpx;
			height: 230rpx;
		}
		.samePar{
			border-radius: 10rpx;
			z-index: 1;
		}
	}
	.itemRightCon{
		.rightTit{
			font-size: $font-size30;
			color: $pss-text-color3;
		}
		.rightBot{
			width: 100%;
			height: 60rpx;
			line-height: 60rpx;
			font-size: $font-size24;
			color: $pss-text-color8;
			.price{
				font-size: 36rpx;
				color: $pss-color-red;
				.unit{
					font-size: $font-size24;
					font-weight: normal;
				}
			}
			.favor{
				padding-left: 50rpx;
				height: 100%;
				display: flex;
				font-size: $font-size24;
				color: $pss-text-color8;
				.icon-dianzan, 
				.icon-dianzan_act{
					font-size: $font-size26;
					margin-right: 5rpx;
				}
				&.active .icon-dianzan_act,
				&.active .dzTxt{
					color: $pss-color-primary_1;
				}
			}
			.getBtn{
				width: 140rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				font-size: $font-size26;
				border-radius: 50rpx;
				&.freeBtn{
					background: $pss-bg-yellow;
					color: $pss-color-primary_1;
				}
				&.learnBtn{
					background: $pss-color-primary_1;
					color: #fff;
				}
			}
		}
		&.jpClsCon{
			width: 68%;
			height: 142rpx;
		}
		&.jxBookCon{
			width: 75%;
			height: 230rpx;
		}
	}
}
.topBot{
	border-radius: 10rpx;
	box-shadow: 0 0 15rpx rgba(0,0,0,.08);
	margin-bottom: 40rpx;
	.itemTopImg{
		width: 100%;
		height: 240rpx;
		position: relative;
		border-radius: 10rpx 10rpx 0 0;
		overflow:hidden;
		display: flex;
		justify-content: center;
		align-items: center; 
		.samePar{
			border-radius: 10rpx 10rpx 0 0;
		}
		.livingName{
			left: 0;
			right: 0;
			height: 80rpx;
			line-height: 80rpx;
			bottom: 0;
			z-index: 5;
			background: linear-gradient(to bottom,rgba(0,0,0,.01) ,rgba(0,0,0,.2) , rgba(0,0,0,.5));
			padding: 0 20rpx;
			font-size: $font-size30;
			color: $pss-colorFFF;
			font-weight: bold;
		}
		.livingSta{
			width: 156rpx;
			height: 45rpx;
			line-height: 45rpx;
			left: 0;
			top: 0;
			border-radius: 10rpx 0 0 0;
			font-size: $font-size24;
			color: $pss-colorFFF;
			.stateTxtBox{
				left: 0;
				top: 0;
				z-index: 10;
				display: flex;
				justify-content: center;
				.icon-wait,
				.icon-zhibozhong,
				.icon-zhibojieshu{ 
					font-size: $font-size26;
					margin-right: 5rpx;
				}
			}
			.icon-jiaobiao{
				font-size: 46rpx;
				z-index: 5;
				&.goIng{
					fill: currentColor; 
					overflow: hidden;
					background-image: $pss-linear-gradient_1;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
				}
				&.end{
					color: $pss-text-colora;
				}
			}
		}
		.imgTag{
			color: white;
			width: 26%;
			height: 40rpx;
			line-height: 40rpx;
			text-align: center;
			position: absolute;
			left: -55rpx;
			top: 20rpx;
			font-size: $font-size24;
			transform: rotate(-45deg);
			z-index: 10;
			&.offLine{
				background: $pss-color-green;
			}
			&.onLine{
				background: $pss-color-primary;
			}
		}
	}
	.itemBot{
		background: #fff;
		padding:30rpx 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 0 0 10rpx 10rpx;
		.auth{
			display: flex;
			font-size: $font-size24;
			color: $pss-text-color8;
			line-height: 50rpx;
			.authImg{
				width: 50rpx;
				height: 50rpx;
				border-radius: 50%;
				margin-right: 15rpx;
			}
		}
		.goLearnBtn{
			width: 140rpx;
			height: 60rpx;
			line-height: 60rpx;
			text-align: center;
			font-size: $font-size26;
			color: $pss-colorFFF;
			background: $pss-color-primary_1;
			border-radius: 10rpx;
		}
		.itemTit{
			width: 70%;
			-webkit-line-clamp:2;
			font-size: $font-size30; 
			color: $pss-text-color3;
		}
		.itemBtn{
			height: 65rpx;
			line-height: 65rpx;
			min-width: 80rpx;
			padding: 0 25rpx;
			text-align: center; 
			background: $pss-linear-gradient_1;
			font-size: 36rpx;
			// font-weight: bold;
			color: #fff;
			border-radius: 50rpx;
			.unit{
				font-size: $font-size24;
				font-weight: normal;
			}
		}
	}
}
.modTitNav{
	height: 90rpx;
	line-height: 90rpx;
	display: flex;
	justify-content: space-between;
	.tit{
		font-size: $font-size30;
		color: $pss-text-color3;
		font-weight: bold;
	}
}
.freeTxt{
	color: $pss-color-primary_1;
	font-size: $font-size28;
}